<template>
  <div class="about">
      <div v-for="(item,index) in list " :key="(index) " :to="item.index">
         <dl class="about_dl">
            <dt><img :src="item.img" alt=""></dt>    
            <dd>
                <p>{{item.name}}</p> 
                <span>{{item.title}}</span>   
            </dd>   
         </dl>       
      </div>
  </div>
</template>



<script>
//引入axios
import axios from 'axios'
export default {
    name:'index',
    data(){
        return {
            list:[],
        }
    },
    created(){
        axios({
            url:'/api/Index',
        }).then(res=>{
            console.log(res);
            this.list=res.data.data
        })
    }
}
</script>

<style lang="scss" scoped>
.about_dl{
    display: flex;
    
}
</style>